.widget-subtext{
	color:#C0C0C0;
	font-size:14px;
	width:100%;
	float:left;
	margin-top:4px;
	opacity:.85;
}
.widget-down{
	font-size:18px;
	float:left;
	color:#f0f0f0;
	visibility:hidden;
}
.widget-down:hover{
	color:#c0c0c0;
}
.widget-todo{
	float:left;
	font-size:19px;
	color:rgb(247, 221, 87);
	margin-top:3px;
	margin-bottom:-8px;
}
.notification-area{
	background-color:white;
	margin:18px 12px 0px 12px;
	padding:4px;
	display:inline-block;
	cursor:help;
}
.notification-area.todo{
	background-color:rgb(235,205,113);
}
.notification-area.todo:hover{
	background-color:rgb(248, 207, 75);
}
.notification-text{
	color:white;
	font-size:16px;
	padding:10px;
}
.notification-area.title{
	background-color:white;
	position:relative;
}
.notification-area.title i{
	position:absolute;
	font-size:22px;
	left:0px;
	color:#DDDDDD;
	cursor:pointer;
}
.notification-area .crumb{
	display:inline-block;
	padding:0px 4px;
	font-size:17px;
}
.notification-area.title i:hover{
	color:red;
	font-size:26px;
}
.notification-area.title i:active{
	top:7px;
}

a.logout{
	position:absolute;
	left:0px;
	top:0px;
	font-weight:normal;
	text-transform:uppercase;
	margin:3px;
	font-size:11px;
}
a.logout i{
	font-size:13px;
	color:rgb(144, 171, 241);
}
a.logout:hover > i{	color:rgb(59, 106, 228);}

@media (max-width: 5000px) {
	.notification-area{
		margin:18px 12px 0px 12px !important;
		width:278px;
		height:156px;
		box-shadow:3px 3px 10px rgb(170, 170, 170);
	}
	.notification-text{
		display:inline-block;
	}
}
@media (max-width: 2204px) {
	.notification-area{width:1208px;height:auto;}
}
@media (max-width: 1894px) {
	.notification-area{width:896px;height:auto;}
}
@media (max-width: 1580px) {
	.notification-area{width:586px;height:auto;}
	.widget.previous{display:none;} /* for calendar view - hides previous in 2 column or less screens */
}
@media (max-width: 1274px) {
	.notification-area{width:278px;height:auto;}
	.notification-area img.title_logo{height:25px;}
	.google_connect,.google_disconnect{margin-top:4px !important;}
	.last-sync{margin-top:0px !important;}
}
@media (max-width: 985px) {
	.notification-area{width:586px;height:auto;}
	.widget.previous{display:none;} /* for calendar view - hides previous in 2 column or less screens */
}
@media (max-width: 953px) {
	.notification-area{width:278px;height:auto;}
	.notification-area img.title_logo{height:25px;}
	.google_connect,.google_disconnect{margin-top:4px !important;}
	.last-sync{margin-top:0px !important;}
	
}
@media (max-width: 658px) {
	.notification-area{width:586px;height:auto;}
	.widget.previous{display:none;} /* for calendar view - hides previous in 2 column or less screens */
}
@media (max-width: 634px) {
	.notification-area{width:278px;height:auto;}
	.notification-area img.title_logo{height:25px;}
	.google_connect,.google_disconnect{margin-top:4px !important;}
	.last-sync{margin-top:0px !important;}
}